@charset "UTF-8";
*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
html,body{
   width: 1366px;
   height: 100%;  
   
}
header{
  width:1366px;
  height: 78px;
  background: #1C1C1E;
  div{
    width: 1072px;
    height: 78px;
    margin: 0 auto;
    line-height: 78px;
    background: #1C1C1E;
    p:nth-of-type(1){
      float: left;
      color: #F1C40E;
      font-size: 14px;
      line-height: 78px;
      margin-left: 103px;
    }
    p:nth-of-type(2){
      float: left;
      color: #727271;
      font-size: 12px;
      line-height: 78px;
      margin-left: 40px;
    }
    ul{
      float: left;
      margin-left: 130px;
      li{
        float: left;
        font-size: 12px;
        color: #727271;
        line-height: 78px;
        margin-right: 78px;
        a{
          color: #727271;
          padding-bottom: 10px;
        }
      }
      .active1{
         border-bottom: 4px solid #FDDB10;
         color: #C7A205;
       }
    }
  }
}
nav{
    width:1366px;
    height:50px;
    background: #3C3A3B;
    p{
        color: #6B6B6B;
        text-align: center;
       line-height: 50px;
      float: right;
      margin-right: 100px;
    }
}
#set{
    width:1366px;
    #see{
        width: 1075px;
//      border: 1px solid red;
        margin: 50px auto;
        display: flex;
//      justify-content: space-between;
        align-items: center;
        #se1{
            width:400px;
            height: 336px;
            background: #8C8C8C;
            position: relative;
            top: 0;
            left: 0;
            #im{       
                    position: absolute;
                    top: 40px;
                    left: 110px;
               
            }
            div{
                width:40px;
                height: 40px;
                background: #BDBDBD;
                text-align: center;
                line-height: 50px;
                position: absolute;
                right: 0;
               bottom: 0;
            }
        }
        #se2{           
            margin-top:80px; 
             margin-left: 120px;
            ul{
                width: 100%;
                li:nth-of-type(1){
                    font-size: 20px;
                    margin-top: -80px;
                }
                li:nth-of-type(2){
                    margin-top:10px ;
                   span{
                       font-size: 25px;
                       color: red;
                   }
                }
                li:nth-of-type(3){
                   margin-top: 10px;
                }
                li:nth-of-type(4){
                   margin-top: 10px;
                   p{
                       font-size: 14px;
                   }
                   button:nth-of-type(1){
                       width: 35px;
                       height: 30px;
                       background: #D8D8D8;
                       border: none;
                       color: #B5B5B5;
                        font-size: 20px;
                   }
                    button:nth-of-type(2){
                       width: 35px;
                       height: 30px;
                       background:#FFFFFF;
                       border: 1px solid #D8D8D8;
                       color: #B5B5B5;
                        font-size: 19px;
                      }
                    button:nth-of-type(3){
                       width: 35px;
                       height: 30px;
                       background: #D8D8D8;
                       border: none;
                       color: #B5B5B5;
                       font-size: 20px;
                   }
                }
                 li:nth-of-type(5){
                   margin-top: 10px;
                   p{
                       font-size: 14px; 
                   }
                  
                }
                li:nth-of-type(6){
                   margin-top: 10px;
                   p{
                       font-size: 14px; 
                   }
                  
                }
                li:nth-of-type(7){
                   margin-top: 10px;
                   button:nth-of-type(1){
                       width: 128px;
                       height: 35px;
                       background: #ED5664;
                       color: white;
                       border: none;
                       border-radius: 3px;
                   }
                   button:nth-of-type(2){
                       width: 128px;
                       height: 35px;  
                       background: white;                    
                       color: #ED5664;
                       border: 1px solid #ED5664;
                        border-radius: 3px;
                        margin-left: 6px;
                   }
                }
            }
        }
    }
    #see1{
        width:1070px;
        height: 62px;
        background: #FFDC4E;
        border-radius: 5px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        text-align: center;
        div:nth-of-type(1){
            width: 142px;
            height: 57px;
           margin-left:5px;          
           line-height: 57px;
           color: #5D5E60;
        }
        div:nth-of-type(2){
            width: 142px;
            height: 57px;
           margin-left: 10px;          
           line-height: 57px;
           background: #EAC94A;
           color: #82775B;
        }
    }
    #see2{
         width:1070px;
        height: 34px;
        background: #A4AEB8;
        border-radius: 5px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        text-align: center;
        p{
            color: white;
            margin-left: 30px;
        }
    }
    #see3{
       width:1070px;
       margin: 20px auto;   
       h5{
            margin-left: 20px;
            color:#939594;
       }   
       p{
           font-size: 10px;
           color: gray;
            margin-left: 20px;
       }
    }
    #see4{
        @extend #see3;
        width:1070px;
        height: 100px;        
        background: #F7F8FA;
        h5{
            padding-top: 10px;
        }
    }
    #see5{
        @extend #see4;
        margin-top: -16px;
        background: white;
    }
    #see6{
        @extend #see5;
        margin-top: -20px;
        background: white;
    }
    #see7{
        @extend #see6;
        height: 180px;
        margin-top: 70px;
        background: #F7F8FA;
    }
    #see8{
        @extend #see3;
        height: 100px;
        margin-top: 20px;     
    }
     #see9{
        @extend #see7;
        height: 180px;
        margin-top: -10px;
//      background: #F7F8FA;
    }
    #see10{
        @extend #see7;
        height: 180px;
        margin-top: -10px;
        background: white;
    }
    #see11{
        @extend #see7;
        height: 110px;
        margin-top: -20px;
        background: #F7F8FA;
    }
    #ha{
        width: 1073px;
        height: 53px;
        background: #FFDC50;
        margin: 20px auto;
        p{
           margin-left: 17px;          
           line-height: 53px;
           font-size: 14px;
        }
    }
    #cha{
         width: 1080px;
          margin: 20px auto;
          display: flex;
          .dd{
              width:348px ;
              height: 255px;
              background: #3F3D3E;
              margin-left: 10px;
              text-align: center;
              line-height:255px ;
              img{
                 margin-top: 15px;
              }
              
          }
          p{
                  font-size: 12px;
                  margin-left: 20px;
                  margin-top: 10px;
                
              }
    }
}
footer{
    width:1366px;
    height: 110px;
    background: #232323;    
    p{
        text-align: center;
        line-height: 110px;
         color: #3F3D3D;
    }
}
